// 3.0 导入MyFirstReact.js文件
// --第一天所有代码 Begin
// 导入的组件名称取名方式：保证首字母大写，否则报错
import MyFirstReact from "./01-MyFirstReact";
import CastState from "./state作业练习.js";

// 1.0 part1：jsx的基本语法
import JSX1 from "./part1/01JSX表达式.js";
import JSX2 from "./part1/02jsx循环渲染.js";
import JSX3 from "./part1/03jsx两种样式设置.js";

// 2.0 part2：组件基础相关知识
import Comp1 from "./part2/01组件的两种创建方式(函数组件创建).js";
import Hello from "./part2/02类组件的创建.js";
import EventBindComp from "./part2/03react事件绑定和this问题解决方案.js";
import ThisQa from "./part2/04-this问题解决方案总结.js";
import EventBind from "./part2/05事件绑定中的事件对象.js";
import StateMgr from "./part2/06数据状态的管理state的使用.js";
// --第一天所有代码--End

//第二天所有代码--Begin
import CtrlComp from "./part2/07受控组件实现步骤演示.js";
import Login from "./part2/08受控组件登录案例.js";
import Login1 from "./part2/09受控组件登录按钮-优化版本.js";
import NoCtrlComp from "./part2/10非受控组件.js";
// 前两天的综合案例-评论功能
import IndexDemo from "./part2/前四个能力目标内容综合练习/index.js";

// 3.0 part：组件进阶相关知识
import Hello1 from "./part3/01组件props(父传子).js";
import Parent from "./part3/02子传父.js";
import Parent2 from "./part3/03兄弟间传值.js";
import One from "./part3/04Contenxt实现跨级组件传值.js";
import PropsChildren from "./part3/05props下的children属性作用演示.js";
import PropTypesChcek from "./part3/06propTypes对props属性类型进行验证.js";
import DefaultPropsDemo from "./part3/07defaultProps给组件设置默认值.js";
import LiveCylce from "./part3/08类组件生命周期.js";
import Live1 from "./part3/09组件卸载的生命周期方法.js";

//第二天所有代码--End

// 第三天所有代码
import RouterDemo from "./part4/01路由演示.js";
import App1 from "./part4/02路由演示2嵌套关系.js";

import RParams from "./part4/03路由参数传递演示.js";

function App() {
  // 这个写法就是返回一个jsx
  return (
    <div className="App">
      <RParams></RParams>
    </div>
  );
}

// 导出App组件
export default App;
